<template>

	  <div class="box">
	  	  <div class="foot">
	  		  <div class="left">
	  			  <img src="../assets/logo.png" >
	  			  <ul class="proposal">
	  			  	<li>关于我们</li>
	  			  	<li>常见问题</li>
	  			  	<li>意见反馈</li>
	  			  </ul>
	  			  <p>chufaba © 2019 沪ICP备14047730-1号</p>
				  <img src="../assets/license_icon.png" >
	  		  </div>
			  
			  <div class="right">
				  <div class="icon">
					  <img src="../assets/erweima.png" >
					  <p>微信公众号</p>
				  </div>
				  
				  <div class="icon">
				  		<img src="../assets/erweima.png" >
				  		<p>微信公众号</p>
				  </div>
				  
				  <div class="icon">
				  		<img src="../assets/erweima.png" >
				  		<p>微信公众号</p>
				  </div>
			  </div>
	  	  </div>
	  </div>

  
</template>

<script>
export default {
  name: 'Footer',
 
}
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style scoped = "scoped">
	
	.box{
		box-sizing: border-box;
		width: 99vw;
		height: 240px;
		padding-top:40px ;
		background-color: #2D3A40;
		color: #8FA9B2;
	}
	.foot{
		width: 1200px;
		margin: 0 auto;
		display: flex;
		justify-content: space-between;
		align-items: center;
	}
	.proposal{
		margin-top: 20px;
	}
	.proposal>li{
		display: inline-block;
		font-size: 16px;
	}
	.left p{
		font-size: 12px;
		margin: 5px 0;
	}
	.right{
		width: 520px;
		display: flex;
		justify-content: space-between;
	}
	.right .icon{
		display: inline-block;
		text-align: center;
		/* margin-left: 40px; */
	}
</style>
